.profit-calculator {
  .ant-card {
    .ant-card-head {
      .ant-card-head-title {
        display: flex;
        align-items: center;
        gap: 8px;
      }
    }
  }

  .add-stock-button {
    margin-bottom: 16px;
    text-align: right;
  }

  .stock-table {
    .ant-table {
      .ant-table-tbody {
        .ant-table-row {
          &:hover {
            background-color: #f5f5f5;
          }
        }
      }
    }
  }

  .summary-card {
    margin-top: 16px;

    .ant-row {
      .ant-col {
        margin-bottom: 8px;

        &:last-child {
          margin-bottom: 0;
        }
      }
    }
  }

  .empty-state {
    text-align: center;
    padding: 40px;

    .ant-typography {
      color: #999;
    }
  }

  .modal-forms {
    .ant-form {
      .ant-form-item {
        margin-bottom: 16px;

        &:last-child {
          margin-bottom: 0;
        }
      }
    }
  }

  .transaction-table {
    .profit-positive {
      color: #ff4d4f;
      font-weight: bold;
    }

    .profit-negative {
      color: #52c41a;
      font-weight: bold;
    }

    .profit-zero {
      color: #000;
      font-weight: bold;
    }
  }
}